<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>用户中心-上传头像</title>
    <link href="../c/base.css" rel="stylesheet" type="text/css">
    <link href="../c/toefl.css" rel="stylesheet" type="text/css">
    <link href="../c/bootstrap.min.css" rel="stylesheet" type="text/css">
</head>


<body>


<div class="doc1180 fn-clear paddingT20">
    <div class="doc230 fn-left">
        <div class="flcb_cardUser">
            <div class="flcb_cardUserPic"><a href="###"><img src="../i/flcb_cardUserPic.png" width="100"
                                                             height="100"></a></div>
            <div class="flcb_cardUserName"><a href="###">会员名字</a></div>
            <div class="flcb_cardUserText"><a href="###">文字文字请限制字数</a></div>
        </div>
        <div class="flcb_cardUserInfo">
            <div>你现在拥有的RPB：<span class="green">50</span></div>
            <div>你现在的等级是：学弱</div>
            <div><span>下一等级：</span>学孙<span>还差RPB：80</span></div>
            <div><a href="###" style="color: red;">充值兑换(模拟测试，不需要制作)</a></div>
        </div>
        <div class="flcb_cardUserMenu">
            <ul>
                <li class="on"><a href="center-person-resources.html" target="infor" class="icon_1">个人资料</a></li>
                <li><a href="center-my-open-course.html" target="infor" class="icon_2">我的公开课</a></li>
                <li><a href="center-my-group.html" target="infor" class="icon_3">我的群组</a></li>
                <li><a href="center-my-welfare-castle.html" target="infor" class="icon_5">我的福利城堡</a></li>
                <li><a href="center-my-toefl-people.html" target="infor" class="icon_6">我的托福人</a></li>

            </ul>
        </div>
    </div>
    <div class="doc910 fn-right">
        <iframe id="infor" name="infor" src="center-person-resources.html" style="width: 990px;height: 90vh;"
                frameborder="no"></iframe>
    </div>

</div>
<script type="text/javascript">
    // 计算页面的实际高度，iframe自适应会用到
    function calcPageHeight(doc) {
        var cHeight = Math.max(doc.body.clientHeight, doc.documentElement.clientHeight);
        var sHeight = Math.max(doc.body.scrollHeight, doc.documentElement.scrollHeight);
        var height = Math.max(cHeight, sHeight);
        return height
    }

    debugger;
    var ifr = document.getElementById('infor')
    ifr.onload = function () {
        var inter = window.setInterval(function () {
            var iDoc = ifr.contentDocument || ifr.document
            var height = calcPageHeight(iDoc)
            ifr.style.height = height + 'px'

        }, 100);
        window.setTimeout(function () {
            window.clearInterval(inter);
        }, 10000);

    }
</script>

</body>
</html>
